.topic_index {
  padding: 16px;
  .topic_title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    // color: #3e73fe;
    color: #333333;
    .title_text {
      color: #333333;
      overflow: visible;
      white-space: pre-wrap;
      word-wrap: break-word;
      font-size: 16px;
    }
    text {
      // color: #3e73fe;
      color: #333333;
      font-family: "PingFang SC" !important;
      font-style: normal !important;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
    }
    .audio_png {
      width: 16px;
      height: 16px;
      vertical-align: middle;
      padding: 0 6px;
    }
    .title_img {
      width: 200px;
    }
    .math_question {
      align-items: center;

      image {
        // min-width:50rpx;
        width: 100%;
        max-width:300rpx;
        // max-height: 100rpx;
    
      }
      .math_question_rich {
        width: 100%;
      }
    }
  }
  .options_list {
    margin-top: 20px;
    .options_item {
      width: 100%;
      z-index: 1022;
      align-items: center;
      //   overflow: hidden;
      &:not(:first-child) {
        margin-top: 16px;
      }
      .number_box {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #3e73fe;
        color: #3e73fe;
        text-align: center;
        flex-shrink: 0;
        font-family: "PingFang SC";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
      }
      .active {
        background: #3e73fe;
        color: #ffffff;
      }
      .options_text {
        flex-grow: 1;
        margin-left: 12px;
        font-family: "PingFang SC";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        // overflow-wrap: break-word;
        overflow: visible;
        word-break: break-all;
        color: #000000;
        position: relative;
        top: 5px;
      }
      // .answer_img {
      //   width: 200px;
      // }
      .math_answer {
          image {
            // width:100rpx;
            // height: 100rpx;
            // max-width: 100%;
            // max-height: 100%;
            width: 100%;
            max-width: 100rpx;
          }
         .math_answer_rich {
          width: 100%;
          position: relative;
          top:-5px
         }
      }
    }
  }
}
